<?php

namespace App\Admin\Extensions\Nav;

class Console
{
    public function __toString()
    {
        return <<<HTML

<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
        <i class="fa fa-th"></i>
    </a>
    <ul class="dropdown-menu" style="padding: 0;box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);">
        <li>
           <div class="box box-solid" style="width: 600px;height: 500px;margin-bottom: 0;">
                <p class="yingyong">应用</p>
                <div class="text-with-hr">
                    <span class="yanse">待定一</span>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <ul class="users-list clearfix">
                        <li class="yingyongkuai">
                          <img src="/img/console/8.png" alt="User Image"class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                          <li class="yingyongkuai">
                          <img src="/img/console/23.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/6.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/10.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/15.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/13.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/2.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/1.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                      </ul>
                </div>
                  <div class="text-with-hr">
                    <span class="yanse">待定二</span>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <ul class="users-list clearfix">
                        <li class="yingyongkuai">
                          <img src="/img/console/11.png" alt="User Image"class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                          <li class="yingyongkuai">
                          <img src="/img/console/21.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/6.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/19.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/2.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                        <li class="yingyongkuai">
                          <img src="/img/console/1.png" alt="User Image" class="yingyong_img">
                          <span class="users-list-date">组织架构</span>
                        </li>
                      </ul>
                </div>
                <!-- /.box-body -->
          </div>
      </li>
    </ul>
</li>
<style>
.yingyong{
    font-size: 17px;
    font-weight: bold;
    color: #3c8dbc;
    margin: 10px 0 0 5%;
}
.yanse{
    color: #3c8dbc;
}
.yingyongkuai{
    border: 1px solid #EBEEF5;
}
.yingyong_img{
    width: 30%;
}
.yingyong_img:hover{
    transform: scale(1.4); /* 放大1.2倍 */
}
.text-with-hr {
	text-align: center;
	position: relative;
	z-index: 2;
}
.text-with-hr:before {
	position: absolute;
	content: '';
	top: 20px;
	left: 5%;
	width: 90%;
	border-bottom: 1px solid #3c8dbc;
	z-index: -1;
}
.text-with-hr span {
	display: inline-block;
	background: white;
	padding: 10px;
}

</style>
<script >
    function aa(){
        alert('开发中');
    }
</script>

HTML;
    }
}